@CHARSET "UTF-8";
html, body {height: 100%; min-height: 100%; width: 100%; position: relative;}
body { display: table; text-align: center;}

.b { font-weight: bold; }
.clear { clear: both; }

/* Цвета */
.red {color: red; }
.red-back { background: #d52817; }
.red-border {border: 1px solid #941c10; }
.green {color: green; }
.green-back { background: #23c923; }
.green-border {border: 1px solid #157915; }

/* Авторизация */
#login-container {text-align: center; display: table-cell; vertical-align: middle;}
#login { border: 1px solid #1155aa; margin: 0 auto; display: inline-block;}
#login div { margin: 5px; }
#login td {text-align: left; }
#login td.subm {text-align: center; }
#login td input { width: 125px; }
#login td.subm input { width: 89px; }

/* Загрузка файлов */
#filelist { width: 700px; margin: 5px auto 0 auto; }
#filelist td { height: 37px; vertical-align: middle; }
#filelist td.name { width: 250px; text-align: right;}
#filelist td.name div { width: 240px; margin-right: 10px;}
#filelist td.progress { width: 450px; text-align: left;}
#filelist .file { margin-left: 10px; width: 50px; float: left;}
#filelist .bar-wrap { float: left; width: 377px; border: 1px solid #0077aa; height: 13px; }
#filelist .bar { height: 13px; background: #00aadd; display: inline-block;}